<template>
  <div>

      <div class="content">
          <div class="aa"></div>
          <div class="a">
            <div class="img">
                <div class="toux">
                      <img :src="arr.logo.obj_url" alt="" class="img">
                </div>
            </div>
            <div class="company">{{this.arr.userInfo.store_name}}</div>
            <div class="address">
              <img src="./img/d3.png" alt="" class="address-img">
              {{this.arr.userInfo.address}}
            </div>
          </div>
          <div class="list" >
            <div v-for="x in arr.imgdata">
                <div><img :src="x.obj_url" alt=""></div>
            </div>
          </div>
          <div class="wz" v-html="requestText">
          </div>
          <div class="xg">
              <a :href="'yqlh://store_id='+arr.userInfo.store_id">
                 <div class="xiu">
                    修改企业信息
                 </div>
              </a>
          </div>
      </div>
      </div>

</template>
<script>
  import axios from 'axios'
  export default {
    data(){
        return{
            arr:{ },
            requestText:"",
            token:this.GLOBAL.serverSrc
        }
    },
    created(){
          this.getData()
    },
    methods: {
      getData(){
        var url=this.token+'/auth/querystore';
        var obj={
          user_id:this.$route.query.userid
        }
      //  alert(obj.user_id)
       var thet=this;
        this.$axios.post(url,obj).then(response=>{
            thet.arr=response.data.data
            let reg=new RegExp("\n","g");
            let str=response.data.data.details.replace(reg,"<br>");
            this.requestText=str;
            //console.log(thet.arr)
        })
        .catch(function(error) {
            console.log(error);
        });
      }
    }
  }
</script>
<style lang="scss" scoped>
img{pointer-events: none;vertical-align: sub; }
.content{
  width:100%;
  height:100%;
  position: fixed;
  display:flex;
  flex-wrap:wrap;
  background:white;
  overflow-x: hidden;
  overflow-y: scroll;
}
.aa{
  width:100%;
  height:8%;
}
.a{
  width:100%;
  height:30%;
  display:flex;
  flex-wrap: wrap;
  align-items:flex-end;
  .img{
    width:100%;
    display:flex;
    justify-content:center;
    align-items: center;
    .toux{
      width:1.31rem;
      height:1.27rem;
      background-image:url("./img/toux.png");
      background-repeat:no-repeat;
      background-size:100% 100%;
      display:flex;
      justify-content: center;
      align-items: center;
      img{
        width:1.05rem;
        height:1.05rem;
        border-radius:50%;
      }
    }
  }
  .company{
    width:100%;
    display:flex;
    justify-content: center;
    color:#1B1B1B;
    font-size:0.15rem;
    font-weight:bold;
    padding:0 0.2rem 0 0.2rem;
  }
  .address{
    width:100%;
    display:flex;
    justify-content: center;
    color:#2A2A2A;
    font-size:0.11rem;
    margin-top:0.1rem;
    .address-img{
      width:0.09rem;
      height:0.12rem;
      margin-top:-0.02rem;
      margin-right: 0.08rem;
    }
  }
}
.list{
  width:100%;
//  height:18%;
  margin:auto;
  margin-top:0.05rem;
  margin-bottom:0.05rem;
  padding:0 0.2rem 0 0.2rem;
  div{
    float:left!important;
    margin-top:0.1rem;
    img{
      width:0.75rem;
      height:0.75rem;
      border-radius:0.05rem;
      margin-right: 0.04rem;
    }
  }
}
.wz{
  width:100%;
  padding:0  0.2rem 0 0.2rem;
  margin:auto;
  //height:20%;
  color:#636363;
  font-size:0.13rem;
}
.xg{
  width:100%;
  height:1.5rem;
  display:flex;
  justify-content: center;
  align-items:center;
  .xiu{
    width:3.21rem;
    height:0.38rem;
    background-image:url("./img/btnbg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:#FFFFFF;
    font-size:0.16rem;
    text-align:center;
    line-height: 0.38rem;
  }
}
a{
  text-decoration: none;
}
</style>
